<div class="ui-g-12" style="height:100%;padding:0;">
    <div class="ui-g-2 ui-widget-content border-spe-right" style="height:100%;padding:0;">
        <p-tree [value]="transTree" selectionMode="single" [loading]="loading" [(selection)]="selectedNode"
            (onNodeSelect)="nodeSelect($event)" [filter]="true" filterMode="strict"
            [style]="{'height': 'calc(100% - 80px)','width':'100%','border-style':'none','background':'transparent', 'overflow':'hidden', 'padding':'0'}">
        </p-tree>
        <i class="punish-cfg-add fa fa-plus-circle fa-2x" (click)="addTaskList()"></i>
    </div>
    <div class="ui-g-10 ui-widget-content" style="height:100%;border:none;padding:0;margin-top:5px;">
        <p-tabView>
            <p-tabPanel header="基本信息" leftIcon="fa fa-calendar" [style]="{'height':'100%'}">
                <baseinfo [bizId]="bizId" [systemUrl]="systemUrl" [taskListId]="taskListId"></baseinfo>
            </p-tabPanel>
            <p-tabPanel header="栏目字段" leftIcon="fa fa-calendar" *ngIf="taskListId>0" [style]="{'height':'100%'}">
                <fields [bizId]="bizId" [systemUrl]="systemUrl" [taskListId]="taskListId"></fields>
            </p-tabPanel>
            <p-tabPanel header="列表权限" leftIcon="fa fa-print" *ngIf="taskListId>0" [style]="{'height':'100%'}">
                <parts [bizId]="bizId" [systemUrl]="systemUrl" [taskListId]="taskListId" [procDefId]="currentProcDefId">
                </parts>
            </p-tabPanel>
            <p-tabPanel header="菜单项权限" leftIcon="fa fa-print" *ngIf="taskListId>0" [style]="{'height':'100%'}">
                <menus [bizId]="bizId" [systemUrl]="systemUrl" [taskListId]="taskListId" [procDefId]="currentProcDefId">
                </menus>
            </p-tabPanel>
            <p-tabPanel header="标签页权限" leftIcon="fa fa-print" *ngIf="taskListId>0" [style]="{'height':'100%'}">
                <tabs [bizId]="bizId" [systemUrl]="systemUrl" [taskListId]="taskListId" [procDefId]="currentProcDefId"></tabs>
            </p-tabPanel>
        </p-tabView>
    </div>
</div>
<p-confirmDialog #cd>
    <p-footer>
        <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>